<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>蘑菇街商品列表页面</title>
  <link rel="icon" href="./favicon.ico">
  <link rel="stylesheet" href="../static/iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/goodsList.css">
</head>
<body>
  @@include('./components/nav.html')
  @@include('./components/header.html')
  @@include('./components/stickyHeader.html')
  <div class="goods-list-title w">
    <ul class="top-cate">
      <li class='active'>上衣</li>
      <li>裙子</li>
      <li>裤子</li>
      <li>女鞋</li>
      <li>美妆</li>
      <li>男友</li>
      <li>家居</li>
      <li>内衣</li>
      <li>食品</li>
      <li>电器</li>
      <li>配饰</li>
      <li>包包</li>
      <li>母婴</li>
    </ul>
    <ul class="filter-goods">
      <div class="sort fl">
      </div>
      <li>
        <div class="fl range">
          <div class="ritem fl">
            <span class='fl'>￥</span>
            <input class='fl min' type="text">
          </div>
          <div class="dec fl">-</div>
          <div class="ritem fl">
            <span class='fl'>￥</span>
            <input class='fl max' type="text">
          </div>
        </div>
        <div class="confirm fl">确定</div>
        <div class="stage fl">
        </div>
      </li>
    </ul>
  </div>
  <div class="goods-list-wrapper">
    <ul class="goods-list clearfix">
    </ul>
    <div id="my-pagination">
    </div>
  </div>
  @@include('./components/asideShortCut.html')
  @@include('./components/footer.html')
  <script src="../static/javascripts/jquery.min.js"></script>
  <script src="./js/utils/utils.js"></script>
  <script src="../static/javascripts/axios.min.js"></script>
  <script src="./js/asideShortcut/asideShortcut.js"></script>
  <script src="./js/header/header.js"></script>
  <script type="module" src="./js/header/search.js"></script>
  <script type="module" src="./js/goodsList.js"></script>
</body>
</html>